<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单项</title>
</head>
<body>
<form action="#" method="get">
    <label for="username">用户名</label>:<input type="text" name="username" placeholder="请输入用户名" id="username"><br>
    <label for="password">密码</label>:<input type="password" name="password" placeholder="请输入密码" id="password"><br>
    <hr>
    性别:
    男<input type="radio" name="gender" value="male" checked="checked">
    女<input type="radio" name="gender" value="female" ><br>
    <hr>
    爱好:
    玩<input type="checkbox" name="hobby" value="play" >
    跳<input type="checkbox" name="hobby" value="jump" >
    跑<input type="checkbox" name="hobby" value="run" >
    <br>
    图片<input type="file" name="file">
    <br>
    选择颜色<input type="color" name="color"><br>

    生日<input type="date" name="birthday"><br>
    也是生日<input type="datetime-local" name="birthday2"><br>
    邮箱<input type="email" name="email"><br>

    年龄<input type="number" name="age"><br>
    <input type="submit" value="登录">
    <input type="button" value="别点了,这只是一按钮">
    <input type="image" src="./image/banner_1.jpg">
    <!--这样也是一个提交按钮-->
</form>
</body>
</html>